
<div id="pricing" class="page color-3">
    <div class="container">
        <div class="inner-page">
            <h2 class="page-headline">@lang('messages.Pricing')</h2>
        </div>

        <div class="row inner-page">

            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 price-wrapper">
                <div class="price-box">
                    <header>
                        <span>@lang('messages.Basic')</span>
                        <div class="{{ $locale == 'vi' ? 'price-small' : 'price' }}">
                            <p>@lang('messages.$99')</p>
                        </div>
                    </header>

                    <div class="text">
                        @lang('messages.For personal business')
                    </div>

                    <div class="perk">
                        <div class="content">
                            <span>@lang('messages.Catalog / Products')</span>
                        </div>
                    </div>
                    <div class="perk">
                        <div class="content">
                            <span>@lang('messages.News / Contents')</span>
                        </div>
                    </div>
                    <div class="perk">
                        <div class="content">
                            <span>@lang('messages.Shopping Cart')</span>
                        </div>
                    </div>
                    <div class="perk">
                        <div class="content">
                            <span>@lang('messages.Others Modules: banner slider, chat support')...</span>
                        </div>
                    </div>

                </div>
            </div>


            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 price-wrapper">
                <div class="price-box price-pro">
                    <header>
                        <span>@lang('messages.Professional')</span>
                        <div class="{{ $locale == 'vi' ? 'price-small' : 'price' }}">
                            <p>@lang('messages.$299')</p>
                        </div>
                    </header>

                    <div class="text">
                        @lang('messages.For company')
                    </div>

                    <div class="perk">
                        <div class="content">
                            <span>@lang('messages.Advanced Package Features')</span>
                        </div>
                    </div>
                    <div class="perk">
                        <div class="content">
                            <span>@lang('messages.Banners / Ads Management')</span>
                        </div>
                    </div>
                    <div class="perk">
                        <div class="content">
                            <span>@lang('messages.Promotions Management')</span>
                        </div>
                    </div>
                    <div class="perk">
                        <div class="content">
                            <span>@lang('messages.Multiple Languages')</span>
                        </div>
                    </div>
                    <div class="perk">
                        <div class="content">
                            <span>@lang('messages.Free 1 domain, web hosting')</span>
                        </div>
                    </div>

                </div>
            </div>

            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 price-wrapper">
                <div class="price-box">
                    <header>
                        <span>@lang('messages.Advanced')</span>
                        <div class="{{ $locale == 'vi' ? 'price-small' : 'price' }}">
                            <p>@lang('messages.$199')</p>
                        </div>
                    </header>

                    <div class="text">
                        @lang('messages.For personal business or small company')
                    </div>

                    <div class="perk">
                        <div class="content">
                            <span>@lang('messages.Basic Package Features')</span>
                        </div>
                    </div>

                    <div class="perk">
                        <div class="content">
                            <span>@lang('messages.Checkout / Payment Online')</span>
                        </div>
                    </div>
                    <div class="perk">
                        <div class="content">
                            <span>@lang('messages.Customer Management')</span>
                        </div>
                    </div>
                    <div class="perk">
                        <div class="content">
                            <span>@lang('messages.Reports / Statistic')</span>
                        </div>
                    </div>

                </div>
            </div>

        </div>
    </div>
</div>
